﻿@{
    Layout = null;
}
@using Webdiyer.WebControls.Mvc;
@model PagedList<hsgsSHXX.Model.SHXX>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>社会信息资源库</title>@* <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />*@
    @* <link href="../../Content/jquery-ui.css" rel="stylesheet" type="text/css" />*@

    <script src="../../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>

    @* <script src="../../Scripts/jquery-ui.custom.min.js" type="text/javascript"></script>*@
    @*  <script src="../../Scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>*@

    <script type="text/javascript" src="../../Scripts/jquery.unobtrusive-ajax.min.js"></script>

    @if (false)
    {
        <script src="../../../../Scripts/jquery-1.5.1-vsdoc.js" type="text/javascript"></script>
    }
    <style type="text/css">
       body
       {
            margin:0;
            font-size:12px;
       }
       form { margin:0; }
        .sear
        {
          width: 100%;
          white-space: nowrap;
        }
        .sear .sear-search
        {
            border: #CEDEF5 1px solid;
            padding: 0;
            margin-bottom: 2px;
            background: #F6F7F9;
        }
        .sear .sear-search table
        {
            border: 0;
             
        }
        .sear .sear-search td
        {
            border: 0;
            
            padding:0px;
            text-align: left;
            background: #F6F7F9;
            
        }
        .sear .sear-search .tdleft
        {
            width: 80px;
            text-align: right;
            padding-right: 1px;
            color: #474747;
        }
         .sear .sear-search .tdcenter
        {
            width: 100%;
            text-align: center;
            padding-right: 10px;
            padding-top: 5px;
            color: #474747;
        }
        .sear .sear-search input
        {
            height: 20px;
            line-height: 22px;
            border: #B1CBDC 1px solid;
            
        }
        
        .sear  table
        {
            border-collapse: collapse;
            font-size: 12px;
            border: #B1CBDC 1px solid;
        }
        .sear th
        {
            color: #fff;
            font-size: 12px;
            border-top: #B1CBDC 1px solid;
            border-bottom: #B1CBDC 1px solid;
            height: 30px;
            line-height: 30px;
        }
        .sear .thbj
        {
            background: url(@Url.Content("~/Content/images/Admin/sear4.jpg"));
        }
        .sear td
        {
            height: 22px;
            line-height: 22px;
            text-align: center;
            border: #B1CBDC 1px solid;
            background: #FAFAFA;
            
        }

        .list  table
        {
            border-collapse: collapse;
            font-size: 12px;
            border: #B1CBDC 1px solid;
            width:1300px;
        }
         .page .td
        {
            border: 0;
        }
        .list td
        {
          
            height: 22px;
            line-height: 22px;
            text-align: center;
            border: #B1CBDC 1px solid;
            background: #FAFAFA;
        }
         .list .thbj
        {
            background: url(@Url.Content("~/Content/images/Admin/sear4.jpg"));
        }
         .list th
        {
            color: #fff;
            font-size: 12px;
            border-top: #B1CBDC 1px solid;
            border-bottom: #B1CBDC 1px solid;
            height: 30px;
            line-height: 30px;
        }
    </style>

    <script>
        $(document).ready(function () {
            $("#txtXM").focus();

        });
        function query() {
            $("#btnSubmit").click();
            $("#divTable").html("");
            $("#divTable").append($("#loadingDiv").html());
        }
        function complete() {
           
        }
        function begin() {
            $("#divTable").html("");
        }

        function clearForm(objE) {//objE为form表单  
            $(objE).find(':input').each(
                function () {
                    switch (this.type) {
                        case 'passsword':
                        case 'select-multiple':
                        case 'select-one':
                        case 'text':
                        case 'textarea':
                            $(this).val('');
                            break;
                        case 'checkbox':
                        case 'radio':
                            this.checked = false;
                    }
                }
            );
        }

        function keyPress() {
            if (event.keyCode && event.keyCode == 13) {
                query();
            }
        }
    </script>

</head>
<body onkeypress="keyPress()">
    <div class="sear">
        <div class="sear-search">
            @using (Ajax.BeginForm("AjaxSearchPost", new RouteValueDictionary { { "id", "" } }, new AjaxOptions { UpdateTargetId = "articles", InsertionMode = InsertionMode.Replace }, new RouteValueDictionary { { "id", "searchForm" } }))
            {
                <table border="0">
                    <tr>
                        <td class="tdleft">
                            姓名:</td>
                        <td>
                            @Html.TextBox("txtXM", "")</td>
                        <td class="tdleft">
                            身份证号:</td>
                        <td>
                            @Html.TextBox("txtSFZH", "")</td>
                        <td class="tdleft">
                            联系电话:</td>
                        <td>
                            @Html.TextBox("txtLXDH", "") </td>
                    </tr>
                    <tr>
                        <td class="tdleft">
                            地址:</td>
                        <td>
                            @Html.TextBox("txtDZ", "")</td>
                        <td class="tdleft">
                            备注:</td>
                        <td colspan="3">
                            @Html.TextBox("txtBZ", "", new { @style = "width:99%;" })</td>
                    </tr>
                    <tr>
                        <td class="tdleft">
                            关键字: </td>
                        <td colspan="5">
                            @Html.TextBox("txtKey", "", new { @style = "width:99.4%;" })
                        </td>
                    </tr>
                    <tr>
                        <td class="tdcenter" colspan="6">
                            <input type="submit" value="搜索" id="btnSubmit" name="btnSubmit" style="display: none" />
                            <input name="btnQuery" id="btnQuery" onclick="query()" type="button" style="background: url(@Url.Content("/Content/images/Admin/search.jpg")); width: 102px; height: 35px; border: 0;" />&nbsp;
                            <input name="" onclick="clearForm(this.form)" type="button" style="background: url(@Url.Content("/Content/images/Admin/clear.jpg")); width: 102px; height: 35px; border: 0;" />
                        </td>
                    </tr>
                </table>
            }
        </div>
        <div id="loadingDiv" style="display: none">
            <img src="@Url.Content("~/Content/images/Admin/loading.gif")" /><h3>
                正在加载数据，请稍候...</h3>
        </div>
    </div>
    <div class="list">
        <div id="articles">
            @Html.Partial("_SHXXSearchPost", Model)
        </div>
    </div>
    @{Html.RegisterMvcPagerScriptResource();}
</body>
</html>
